<template>
  <div class="mine">
     <div class="toubei">
       <img src="../../assets/img/images/member-header-bg.jpg" alt="">
         <router-link to="/" slot="left">
        <div class="back">
                <img src="../../assets/img/images/back-red.png" alt="">
        </div>
      </router-link>
        <div class="shezhi iconfont">&#xe6ef;</div>
        <router-link to="DengLu" slot="left">
        <div class="touxiang">
          <img src="../../assets/img/images/member-icon.png">
        </div>
        </router-link>
        <div class="jieshao">
          <h2>清风摇曳流年</h2>
          <p>会员积分： 1250分</p>
        </div>
     </div>
    <div class="mi">
           <mt-cell class="mint-cell-wrapper" title="待付款">
              <span class="xiayige iconfont">&#xe60f;</span>
             <img class="bj iconfont icon-daifukuan" slot="icon" src="" >
          </mt-cell>
           <mt-cell class="mint-cell-wrapper" title="待收货">
              <span class="xiayige iconfont">&#xe60f;</span>
             <img class="bj iconfont icon-lipin-copy" slot="icon" src="" >
          </mt-cell>
          <mt-cell class="mint-cell-wrapper" title="收藏夹">
              <span class="xiayige iconfont">&#xe60f;</span>
             <img class="bj iconfont icon-m-favorite-copy" slot="icon" src="" >
          </mt-cell>
          <mt-cell class="mint-cell-wrapper" title="全部订单">
              <span class="xiayige iconfont">&#xe60f;</span>
             <img class="bj iconfont icon-quanbudingdan_fill" slot="icon" src="" >
          </mt-cell>
    </div>
     <div class="mi">
           <mt-cell class="mint-cell-wrapper" title="收货地址">
              <span class="xiayige iconfont">&#xe60f;</span>
             <img class="bj iconfont icon-shouhuodizhi-copy" slot="icon" src="" >
          </mt-cell>
           <mt-cell class="mint-cell-wrapper" title="积分管理">
              <span class="xiayige iconfont">&#xe60f;</span>
             <img class="bj iconfont icon-jifenguanli-copy" slot="icon" src="" >
          </mt-cell>
          <mt-cell class="mint-cell-wrapper" title="我的消息">
              <span class="xiayige iconfont">&#xe60f;</span>
             <img class="bj iconfont icon-wodexiaoxi-copy" slot="icon" src="" >
          </mt-cell>
          <mt-cell class="mint-cell-wrapper" title="旗袍知识">
              <span class="xiayige iconfont">&#xe60f;</span>
             <img class="bj iconfont icon-wenhaoxianxing-copy" slot="icon" src="" >
          </mt-cell>
    </div>
      <tab-bar></tab-bar>
  </div>
</template>

<script>
	import TabBar from '../public/Public'
    export default {
        name: "Mine",
         components:{
          TabBar
        }
    }
</script>

<style scoped>
  .toubei img{
    display: block;
    width: 100%;
    height: 160px;
    position: relative;
  }
  .back img{
    display: block;
    width:17px;
    height:11px;
    position: absolute;
    top:2%;
    left:2%;
  }
  .shezhi{
    position: absolute;
    top:2%;
    right:2%;
  }
  .touxiang img{
    display: block;
    position: absolute;
    width:80px;
    height:80px;
    top:5%;
    left:20%;
  }
  .jieshao{
    position: absolute;
    top:9%;
    right:20%;
  }
  .jieshao h2{
    font-size: 13px;
    line-height: 13px;
    height: 13px;
    color: #39191a;
  }
  .jieshao p{
    font-size: 11px;
    line-height: 30px;
    height: 30px;
    color: #39191a;
  }
  .mint-cell-wrapper{
    background-color: #fdeeda;
    height:45px;
    border-bottom: 1px solid rgba(210,191,176,0.5);
  }
  .mi{
    margin-top:10px;
  }
</style>
